<template>
<div class="Top">
  <div class="item">
    <img src="../../static/image/aa.jpg">
  </div>
  <div class="item">
    <span>啦啦啦啦</span>
  </div>
  <div class="item">
    <span class="iconfont icon-huiyuan"></span>
  </div>
  <div class="item">
    <span class="iconfont icon-search"></span>
  </div>
</div>
</template>

<script>
export default {
name: "Vip"
}
</script>

<style scoped>
.Top img{
  height: 50px;
  width: 50px;
  border-radius: 50%;
}


.Top{
  z-index: 999;
  opacity:1;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-items: center;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #ffffff;
}
.Top .item{
  text-align: center;
  font-size: 16px;
}


.Top .item:nth-child(3){
  width: 50%;
}
.Top .item:nth-child(3) .iconfont{
  font-size: 40px;
  color: gold;
}

.Top .item:nth-child(4) .iconfont{
  position: fixed;
  right: 0;
  font-size: 25px;
}


</style>